<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta charset="utf-8">
	    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="format-detection" content="telephone=no">
	    <meta name="format-detection" content="address=no">
	    <link rel="stylesheet" type="text/css" href="css/j-shouye.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-reset.css"/>
	    <link rel="stylesheet" type="text/css" href="css/j-common.css"/>
	    <script src="js/jquerys-1.7.2.min.js" type="text/javascript"></script>
		<script src="js/j-rem.js" type="text/javascript"></script>
		<script src="js/j-index.js" type="text/javascript"></script>
		<title>文章页面</title>
	</head>
	<body>
		<div class="wrap color1">
		  	 <div class="nav-title">
		  	 	  <i class="nav-list"></i>
		  	 	  <i class="back"></i>
		  	 	  <p class="nav-title-name">专题名称</p>
		  	 </div>
		  	
		  	<a class="art-list">
				<img src="img/tab.png">
		  	</a>
	  	  
	  	  <div class="art-list-wrap">
	  	  	  <div class="artical"> 
				  <a  class="artical-pic" href="artical.html">
				  		<img src="img/art1.png">
				  		<span class="art-title">世界穿山甲日:一起传递这条微博，留住最后</span>
				  </a>
				  <p class="reading">
						<span class="fl">阅读<span class="read-num">12345</span></span>
						<span class="fr">2017-02-13</span>	
				  </p>					
	  	  	  </div>
	  	  	  
	  	  	  <div class="artical"> 
				  <a class="artical-pic" href="artical.html">
				  		<img src="img/art1.png">
				  		<span class="art-title">世界穿山甲日:一起传递这条微博，留住最后</span>
				  </a>
				  <p class="reading clearfix">
						<span class="fl"><img src="img/watch-icon.png" class="watch-icon"><span class="read-num">12345</span></span>
						<span class="fr">2017-02-13</span>	
				  </p>					
	  	  	  </div>
	  	  </div>
	  	  	
		</div>
	</body>
	

</html>
